<template>
  <div class="system-menu-container">
    <div class="breadcrumb-box">
      <Breadcrumb />
    </div>

    <div class="page-main">
      <el-tabs v-model="activeName" class="demo-tabs"  @tabClick="clickTab">
        <el-tab-pane label="日期占则期比(全院)" name="first"><time-all></time-all></el-tab-pane>
        <el-tab-pane label="日期占则期比（科室）" name="second"><time-office></time-office></el-tab-pane>
        <el-tab-pane label="日期占则期比（术式）" name="third"><time-type></time-type></el-tab-pane>
        <el-tab-pane label="日期占则期比（主刀）" name="fifth"><time-knife></time-knife></el-tab-pane>
      </el-tabs>
    </div>


  </div>
</template>

<script setup name="dataStatistics-dataCenter-appointment">
import { storeToRefs } from 'pinia';
import { useRoutesList } from '/@/stores/routesList';
import timeAll from './components/time/timeAll.vue';
import timeOffice from './components/time/timeOffice.vue';
import timeType from './components/time/timeType.vue';
import timeKnife from './components/time/timeKnife.vue';

// 引入组件
const Breadcrumb = defineAsyncComponent(() => import('/@/layout/navBars/breadcrumb/breadcrumb.vue'));

// 定义变量内容
const stores = useRoutesList();
const activeName = ref('first');
const state = reactive({
  tableData: {
    data: [],
    loading: true,
  },
});

// 定义方法
const clickTab= (tab, event) => {
  console.log(tab, event)
}




// 页面加载时
onMounted(() => {

});
</script>
